<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view locale="es_CL">
	<h:head>
		<title>Fichas - Administración Catastro</title>
		<meta name="author" content="Pablo Sepúlveda - psep" />
		<link rel="shortcut icon" type="image/x-icon"
			href="resources/theme/img/favicon.ico" />
		<link type="text/css" rel="stylesheet"
			href="resources/theme/bootstrap.css" />
		<link type="text/css" rel="stylesheet"
			href="resources/theme/bootstrap.min.css" />
		<link type="text/css" rel="stylesheet" href="resources/theme/Site.css" />

		<script type="text/javascript" src="resources/theme/js/app.js"></script>
	</h:head>
	<body>
		<h:form>
			<div id="cabecera">
				<h:graphicImage value="resources/theme/img/minvu-logo.jpg" />
				<h1>Fichas</h1>
			</div>
			<p:growl id="messages" />

			<p:menubar>
				<p:menuitem value="Inicio" action="#{loginBean.goIndex}"
					icon="ui-icon-home" />
				<p:submenu label="Administración" icon="ui-icon-pencil"
					rendered="#{loginBean.root}">
					<p:menuitem value="Usuarios" action="#{loginBean.goUsuarios}"
						icon="ui-icon-person" />
					<p:menuitem value="Encuestadores"
						action="#{loginBean.goEncuestadores}" icon="ui-icon-person" />
				</p:submenu>
				<p:submenu label="Fichas" icon="ui-icon-copy">
					<p:menuitem value="Ver fichas" action="#{loginBean.goFichas}"
						icon="ui-icon-document" />
				</p:submenu>

				<f:facet name="options">
					<p:commandButton value="Salir" action="#{loginBean.logoutAction}"
						icon="ui-icon-extlink" />
				</f:facet>
			</p:menubar>
		</h:form>

		<h:form id="frmFichaEstado">
			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" />
			<p:panel id="updateFicha" header="Actualiza Ficha"
				style="margin-top:20px">
				<div id="formularioFicha" style="width: 60%;">
					<p:panelGrid columns="8">
						<h:outputLabel value="ID Ficha" for="idFicha" />
						<p:inputText id="idFicha" value="#{fichaBean.ficha.idficha}"
							size="10" maxlength="10" disabled="true" />
						<h:outputLabel value="Estado" for="estado" />
						<p:selectOneMenu id="estado" required="true"
							value="#{fichaBean.ficha.estadoFicha.idestadoficha}"
							requiredMessage="Debe seleccionar un estado">
							<f:selectItem itemLabel="Seleccione" itemValue="" />
							<f:selectItems value="#{fichaBean.estados}" />
						</p:selectOneMenu>
						<p:commandButton id="update" value="Guardar"
							update="frmFichaEstado:updateFicha, :frmListFichas:fichas"
							style="margin-top: 10px;" action="#{fichaBean.updateFicha}" />
						<p:commandButton id="cancelar" value="Cancelar"
							update="frmFichaEstado:updateFicha" style="margin-top: 10px;"
							action="#{fichaBean.clearFrm}" immediate="true">
							<p:resetInput target="frmFichaEstado:updateFicha" />
						</p:commandButton>
					</p:panelGrid>
				</div>
			</p:panel>
		</h:form>

		<h:form id="frmListFichas">
			<p:contextMenu for="fichas">
				<p:menuitem value="Actualizar Estado"
					update="frmListFichas:fichas, :frmFichaEstado:updateFicha"
					icon="ui-icon-refresh" actionListener="#{fichaBean.loadForUpdate}" />
				<p:menuitem value="Visualizar Ficha"
					update="frmListFichas:fichas, :frmFichaEstado:updateFicha"
					icon="ui-icon-search" action="#{fichaBean.viewFicha}" />
			</p:contextMenu>
			<div id="listFichas" style="margin-top: 20px;">
				<p:dataTable id="fichas" var="ficha" value="#{fichaBean.fichas}"
					rowKey="#{ficha.idficha}" selectionMode="single"
					selection="#{fichaBean.fichaSeleccionada}" rows="10"
					paginator="true" rowsPerPageTemplate="5,10,15"
					emptyMessage="No existen registros"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					currentPageReportTemplate="{currentPage} de {totalPages}">
					<f:facet name="header">
					Lista de Fichas
				</f:facet>
					<p:column headerText="ID Ficha">
						<h:outputText value="#{ficha.idficha}" />
					</p:column>
					<p:column headerText="Fecha Visita">
						<h:outputText value="#{ficha.fechaingreso}">
							<f:convertDateTime type="date" pattern="dd-MM-yyyy" />
						</h:outputText>
					</p:column>
					<p:column headerText="Dirección">
						<h:outputText value="#{ficha.direccion.calle}" />
					</p:column>
					<p:column headerText="N°">
						<h:outputText value="#{ficha.direccion.numero}" />
					</p:column>
					<p:column headerText="Comuna">
						<h:outputText value="#{ficha.direccion.comuna.glosa}" />
					</p:column>
					<p:column headerText="Región">
						<h:outputText value="#{ficha.direccion.comuna.region.glosa}" />
					</p:column>
					<p:column headerText="Estado">
						<h:outputText value="#{ficha.estadoFicha.glosa}" />
					</p:column>
				</p:dataTable>
			</div>
		</h:form>

		<p:separator style="width: 100%;" />
		<footer id="footer"> Versión 1.0 </footer>
	</body>
</f:view>
</html>